<template>
  <van-cell class="article-item">
      <template #title>
        <div class="head">
          <img
            :src="item.avatar"
            alt=""
          />
          <div class="con">
            <p class="title van-ellipsis">{{item.stem}}</p>
            <p class="other">{{item.creator}} | {{item.createdAt}}</p>
          </div>
        </div>
      </template>
      <template #label>
        <div class="body van-multi-ellipsis--l2" v-html="item.content">
        </div>
        <div class="foot">点赞 {{item.likeCount}} | 浏览 {{item.views}}</div>
      </template>
    </van-cell>
</template>

<script>
export default {
  name: 'ArticleItem',
  props: {
    item: Object
  },
  methods: {
  },
  created () {
  }
}
</script>

<style lang="less" scoped>

.head {
      > img {
        width: 64px;
        height: auto;
        display: inline;
        float: left;
      }
    }
</style>
